<html>
<head>
    <meta charset="utf-8">
    <title>会员卡</title>
    {php include $this->template($this->cur_tpl.'/_common_meta');}
    <link rel="stylesheet" type="text/css" href="{RES}mobile/{php echo $this->cur_tpl}/css/main.css" media="all">
    <link rel="stylesheet" type="text/css" href="{RES}mobile/{php echo $this->cur_tpl}/css/dialog.css" media="all">
    <script type="text/javascript" src="{RES}mobile/{php echo $this->cur_tpl}/js/jquery_min.js"></script>
    <script type="text/javascript" src="{RES}mobile/{php echo $this->cur_tpl}/js/main.js"></script>
    <script type="text/javascript" src="{RES}mobile/{php echo $this->cur_tpl}/js/dialog_min.js"></script>
    {php echo register_jssdk(false);}
</head>
<script type="text/javascript">var new_nav = new function () {
};
var x;
var old_navigator = window.navigator;
for (x in navigator) {
    if (typeof navigator[x] == 'function') {
        eval("new_nav." + x + " = function() { return old_navigator." + x + "();};");
    } else {
        eval("new_nav." + x + " = navigator." + x + ";");
    }
}
new_nav.userAgent = "MicroMessenger/5.0.0";
new_nav.vendor = "";
window.navigator = new_nav;</script>
<body onselectstart="return true;" ondragstart="return false;" style="">
<script>
    function share() {
        document.getElementById("masklayer").classList.add("on");
    }
</script>
<div class="container integral share">
    <header>
        <ul class="tbox tbox_1">
            <li>
                <p>
                    <label>103</label>
                    可用积分
                </p>
            </li>
            <li>
                <a href="javascript:share();"><label>分享</label></a>
            </li>
            <li>
                <p>

                </p>
            </li>
        </ul>
        <nav class="nav_integral">
            <ul class="box">
                <li>
                    <a href="{php echo $this->createMobileUrl('exchangelist')}">
                        <span class="icons icons_prize">&nbsp;</span><label>兑换礼品</label></a></li>
                <li>
                    <a href="">
                        <span class="icons icons_luck">&nbsp;</span><label>积分抽奖</label></a></li>
                <li>
                    <a href="{php echo $this->createMobileUrl('scoreteach')}">
                        <span class="icons icons_teach">&nbsp;</span><label>积分攻略</label></a></li>
            </ul>
        </nav>
    </header>
    <div class="body">
        <div>
            <p class="recommend"><span class="icons icons_recommend">&nbsp;</span>每日推荐 </p>
        </div>
        <ul class="list_integral">
            <li>
                <a href="#">
                    <figure>
                        <img src="http://img.weimob.com/static/31/59/f2/image/20140818/20140818111601_68275.jpg"
                             class="share_recommend_imgs">
                    </figure>
                </a>
                <figcaption>
                    <h3>每日推荐</h3>
                    <p class="pre">2014-08-18 11:16:02</p>
                    <a href="javascript:share();" class="icons icons_share">&nbsp;</a>
                </figcaption>
            </li>
        </ul>
    </div>
    {if !empty($card)}
    {php include $this->template($this->cur_tpl.'/_footer');}
    {/if}
    <script type="text/javascript">
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.call('hideToolbar');
        });
    </script>
</div>
<style type="text/css">
    .masklayer {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2000;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        text-align: right;
    }

    .masklayer.on {
        display: block;
    }

    .masklayer img {
        margin-top: 10px;
        margin-right: 30px;
        width: 160px;
    }
</style>
<div id="masklayer" class="masklayer" ontouchmove="return true;" onclick="$(this).toggleClass('on');">
    <img src="{RES}/images/share-1.png" alt="" style="width:260px;">
</div>
<script>
    wx.ready(function () {
        sharedata = {
            title: '{$share_title}',
            desc: '{$share_desc}',
            link: '{$share_url}',
            imgUrl: '{$share_image}',
            cancelurl: '{$share_cancel}',
            success: function(){
                alert('感谢您的分享');
            },
            cancel: function(){
                if (shareData.cancelurl != '') {
                    alert(shareData.cancelurl);
                }
            }
        };
        wx.onMenuShareAppMessage(sharedata);
        wx.onMenuShareTimeline(sharedata);
    });
</script>
<!--<script type="text/javascript" src="http://stc.weimob.com/src/st/share_channel.js?v=10101010"></script>-->
<!--<script type="text/javascript" src="http://stc.weimob.com/src/st/base64.js?v=10101011"></script>-->
<!--<script type="text/javascript" src="http://stc.weimob.com/src/st/st.js?v=10101011"></script-->
</body>
</html>